.cruise-back {
  width: 27px;
  height: 38px;
  left: 6px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  display: block;
  position: absolute;
  background-position: -360px 8px;
}

.mail-line {
  height: 1px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: 0px -30px;
}

.tel-icon {
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  width: 17px;
  height: 13px;
  background-position: -323px -6px;
  vertical-align: -2px;
}

.mail-icon {
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  width: 17px;
  height: 13px;
  background-position: -34px -6px;
  vertical-align: -2px;
}

.cruise-toedit {
  width: 9px;
  height: 17px;
  display: block;
  position: absolute;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -196px -4px;
  right: 16px;
  margin-top: 27px;
}

.cruise-item-wrap {
  background-color: #fafafa;
  padding-left: 16px;
  position: relative;
  overflow: hidden;
}

.cruise-icon {
  width: 30px;
  height: 15px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -214px -4px;
  vertical-align: -3px;
}

.passage-detail .cruise-toedit {
  width: 9px;
  height: 17px;
  display: block;
  position: absolute;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -196px -4px;
  right: 16px;
  margin-top: 16px;
}

.big-add-passager {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -344px -4px;
  vertical-align: -4px;
  margin-right: 8px;
}

.com-item-btn .cruise-toedit {
  width: 9px;
  height: 17px;
  display: inline-block;
  position: static;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -196px -4px;
  margin-top: 14px;
}

.commit-btn-uncheck {
  width: 21px;
  height: 21px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -72px -38px;
}

.commit-btn-check {
  width: 21px;
  height: 21px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -34px -38px;
}

.commit-text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  font-size: 1rem;
  padding-bottom: 68px;
}

.up-icon {
  display: inline-block;
  width: 17px;
  height: 9px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -172px -8px;
  margin-top: 19px;
}

.ctl-num-de, .ctl-num-pl {
  width: 29px;
  height: 28px;
  position: absolute;
}

.ctl-num-de {
  left: 0;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -264px 2px;
}

.ctl-num-pl {
  right: 0;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -338px 1px;
}

.cruise-com-right .cruise-com-edit {
  width: 9px;
  height: 17px;
  display: block;
  position: absolute;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -196px -4px;
  right: 0px;
  margin-top: 14px;
}

.contact-uncheck-btn {
  width: 21px;
  height: 21px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -72px -38px;
  position: absolute;
  margin-top: 32px;
}

.contact-check-btn {
  width: 21px;
  height: 21px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -34px -38px;
  position: absolute;
  margin-top: 32px;
}

.id-icon {
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  width: 17px;
  height: 13px;
  background-position: -56px -6px;
  vertical-align: -2px;
}

.down-icon {
  display: inline-block;
  width: 17px;
  height: 9px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -125px -8px;
  margin-top: 19px;
}

.up-icon {
  display: inline-block;
  width: 17px;
  height: 9px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -172px -8px;
  margin-top: 19px;
}

.star-icon {
  width: 12px;
  height: 12px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -103px -6px;
}

.star2-icon {
  width: 12px;
  height: 12px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -80px -6px;
}

.icon-x {
  width: 16px;
  height: 16px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -297px -5px;
}

.reduce-icon {
  width: 30px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -264px 2px;
}

.add-icon {
  width: 30px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -338px 1px;
}

.search-icon {
  width: 20px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -385px -4px;
  background-repeat: no-repeat;
}

.search-close-icon {
  width: 16px;
  height: 15px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -235px -614px;
  background-repeat: no-repeat;
}

.back-icon {
  width: 27px;
  height: 38px;
  left: 6px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  display: block;
  position: absolute;
  background-position: -360px 9px;
}

.hotel-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -223px -37px;
  vertical-align: -3px;
  margin-right: 5px;
}

.round-trip-icon {
  width: 45px;
  height: 28px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -246px -33px;
}

.view-spot-icon {
  width: 25px;
  height: 28px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -293px -33px;
  vertical-align: -9px;
}

.address-icon {
  width: 25px;
  height: 28px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -317px -33px;
  vertical-align: -9px;
}

.custom-service-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -198px -36px;
}

.heart-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -144px -36px;
}

.heart-icon-o {
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -172px -36px;
}

.external-link-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -340px -31px;
  margin-top: 6px;
}

.ellipsis-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -367px -31px;
  margin-top: 6px;
}

.edit-icon {
  width: 26px;
  height: 23px;
  display: inline-block;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -2px -64px;
}

.right-icon {
  display: inline-block;
  width: 9px;
  height: 17px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -197px -4px;
  margin-top: 19px;
}

.wx-pay-icon {
  display: inline-block;
  width: 29px;
  height: 24px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -144px -62px;
}

.zfb-pay-icon {
  display: inline-block;
  width: 29px;
  height: 24px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -174px -62px;
}

.zyt-pay-icon {
  display: inline-block;
  width: 29px;
  height: 24px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -204px -62px;
}

.kq-pay-icon {
  display: inline-block;
  width: 33px;
  height: 24px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -285px -62px;
}

.ccb-icon {
  display: inline-block;
  width: 29px;
  height: 25px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -113px -503px;
}

.sfy-pay-icon {
  display: inline-block;
  width: 29px;
  height: 24px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -2px -100px;
}

.unionPay-icon {
  display: inline-block;
  width: 29px;
  height: 24px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: 0 -609px;
}

.applePay-icon {
  display: inline-block;
  width: 29px;
  height: 24px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -50px -632px;
}

.code-arrow-red {
  display: inline-block;
  width: 23px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -35px -65px;
}

.certified-icon {
  display: inline-block;
  width: 33px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -63px -61px;
}

.tick-icon {
  display: inline-block;
  width: 44px;
  height: 31px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -238px -61px;
}

.btn-check-icon {
  display: inline-block;
  width: 21px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -348px -64px;
}

.btn-uncheck-icon {
  display: inline-block;
  width: 21px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -324px -64px;
}

.upload-img-icon {
  display: inline-block;
  width: 36px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -130px -100px;
}

.red-close-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -102px -102px;
}

.org-star-icon {
  display: inline-block;
  width: 24px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -38px -102px;
}

.gray-star-icon {
  display: inline-block;
  width: 24px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -70px -102px;
}

.gray-star-o-icon {
  display: inline-block;
  width: 24px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -178px -102px;
}

.l-tick-icon {
  display: block;
  width: 110px;
  height: 120px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: 0 -131px;
  margin: 0 auto;
}

.screen-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -333px -106px;
  margin: 0 0 -1px 2px;
}

.on .screen-icon {
  background-position: -352px -106px;
}

.sort-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -283px -106px;
  margin: 0 0 -1px 2px;
}

.sort-icon-up {
  background-position: -299px -106px;
}

.sort-icon-down {
  background-position: -315px -106px;
}

.user-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -117px -182px;
}

.psw-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -149px -182px;
}

.phone-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -180px -182px;
}

.shield-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -211px -182px;
}

.wx-login-icon {
  display: inline-block;
  width: 40px;
  height: 41px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -246px -182px;
}

.qq-login-icon {
  display: inline-block;
  width: 40px;
  height: 41px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -301px -182px;
}

.a-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -141px -135px;
}

.a-l-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -141px -156px;
  vertical-align: -1px;
}

.white-down-arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -209px -107px;
}

.news-icon {
  display: block;
  width: 20px;
  height: 21px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -250px -103px;
}

.scan-code-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -225px -103px;
}

.w-search-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -373px -101px;
}

.homepage-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -115px -243px;
}

.trip-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -153px -243px;
}

.pay-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -191px -243px;
}

.my-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -227px -243px;
}

.place-icon {
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -167px -156px;
}

.l-place-icon {
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -330px -156px;
}

.org-place-icon {
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -191px -151px;
}

.time-icon {
  display: inline-block;
  width: 16px;
  height: 13px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -308px -159px;
  vertical-align: -2px;
}

.o-user-icon {
  display: inline-block;
  width: 16px;
  height: 13px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -281px -159px;
  vertical-align: -2px;
}

.diamond-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -120px -135px;
}

.diamond-icon-l {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -118px -154px;
  vertical-align: -1px;
}

.o-right-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -353px -155px;
}

.home-icon {
  display: inline-block;
  width: 22px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -266px -243px;
}

.w-tel-icon-o {
  display: inline-block;
  width: 22px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -299px -243px;
}

.w-user-icon {
  display: inline-block;
  width: 22px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -331px -243px;
}

.w-pay-icon {
  display: inline-block;
  width: 22px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -364px -243px;
}

.gray-tel-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -182px -214px;
}

.org-tel-icon-o {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -218px -214px;
}

.org-tel-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -380px -185px;
}

.search-icon-l {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -357px -280px;
}

.w-tel-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -343px -214px;
  margin: 7px;
}

.to-top-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -373px -213px;
  margin: 10px;
}

.wifi-icon-o {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -55px -260px;
}

.stay-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -159px -612px;
}

.food-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -139px -612px;
}

.blue-err-icon {
  display: inline-block;
  width: 13px;
  height: 11px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -79px -263px;
}

.tick-icon-o {
  display: inline-block;
  width: 51px;
  height: 51px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -156px -316px;
}

.contacts-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -351px -182px;
}

.superstar-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -225px -318px;
}

.superstar-icon-l {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -224px -341px;
  vertical-align: -1px;
}

.star-icon-l {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -253px -340px;
  vertical-align: -1px;
}

.nomore-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -85px -284px;
  vertical-align: -3px;
  margin: 0 5px;
}

.odmsg-icon {
  display: inline-block;
  width: 40px;
  height: 41px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: 0 -371px;
}

.svmsg-icon {
  display: inline-block;
  width: 40px;
  height: 41px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -50px -371px;
}

.stmsg-icon {
  display: inline-block;
  width: 40px;
  height: 41px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -100px -371px;
}

.rightarrow-icon {
  display: inline-block;
  width: 15px;
  height: 8px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -95px -266px;
}

.doubt-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -336px -317px;
  vertical-align: -3px;
  margin-left: -2px;
}

.icon-x-o {
  display: inline-block;
  width: 31px;
  height: 31px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -336px -336px;
}

.clock-icon-s {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -372px -315px;
}

.clock-icon-l {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -373px -338px;
}

.nav-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -220px -406px;
  vertical-align: -1px;
  margin-right: 5px;
}

.set-up-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -0px -433px;
}

.info-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -34px -433px;
}

.pending-pay-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -65px -429px;
}

.to-travel-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -100px -428px;
}

.be-evaluated-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -137px -427px;
}

.my-order-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -174px -427px;
}

.my-collection-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: 1px -466px;
}

.my-browse-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -38px -466px;
}

.my-card-icon {
  display: inline-block;
  width: 30px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -117px -466px;
}

.my-common-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -76px -466px;
}

.polite-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -160px -466px;
}

.mall-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -199px -466px;
}

.client-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -239px -466px;
}

.consultant-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -42px -501px;
}

.key-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -295px -430px;
}

.ashbin-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -335px -430px;
}

.scores-icon {
  display: inline-block;
  width: 32px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -285px -468px;
}

.plus-people-icon {
  display: inline-block;
  width: 32px;
  height: 30px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -330px -468px;
}

.l-clear-icon {
  display: inline-block;
  width: 32px;
  height: 22px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -239px -403px;
}

.clear-icon {
  display: inline-block;
  width: 26px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -305px -407px;
}

.capital-icon {
  display: inline-block;
  width: 22px;
  height: 18px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -371px -387px;
  &.active {
    background-position: -371px -409px;
  }
}

.hd-search-icon {
  display: inline-block;
  width: 28px;
  height: 39px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -368px -464px;
}

.red-envelopes-icon {
  display: inline-block;
  width: 12px;
  height: 15px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -0px -502px;
  vertical-align: -2px;
  margin-left: 2px;
}

.popup-close-icon {
  display: inline-block;
  width: 40px;
  height: 42px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -70px -493px;
}

.share-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -242px -504px;
}

.warning-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -276px -504px;
  vertical-align: -3px;
  margin-right: 5px;
}

.visitor-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -300px -504px;
  vertical-align: -2px;
  margin-right: 5px;
}

.address-icon-g {
  display: inline-block;
  width: 17px;
  height: 13px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -317px -506px;
}

.wx-icon-l {
  display: inline-block;
  width: 50px;
  height: 51px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -58px -535px;
  &.active {
    background-position: 0 -535px;
  }
}

.qq-icon-l {
  display: inline-block;
  width: 50px;
  height: 51px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: -173px -534px;
  &.active {
    background-position: -117px -534px;
  }
}

.path-type-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(./assets/image/common.png);
  background-size: 400px;
  background-position: 2px -589px;
}

.radio-icon {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(./assets/image/common.png) -296px -534px;
  background-size: 400px;
  &.checked {
    background-position: -296px -565px;
  }
}

.gift-icon {
  display: inline-block;
  width: 40px;
  height: 18px;
  background: url(./assets/image/common.png) -110px -590px;
  background-size: 400px;
}

.screen-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(./assets/image/common.png);
  background-size: 15px 15px;
}

.download-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(./assets/image/common.png) -31px -611px;
  background-size: 400px;
}

.mailbox-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(./assets/image/common.png) -54px -611px;
  background-size: 400px;
}

.email-icon {
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(./assets/image/common.png) -78px -612px;
  background-size: 400px;
}

.plane-icon {
  display: inline-block;
  width: 20px;
  height: 10px;
  background: url(./assets/image/common.png) -100px -617px;
  background-size: 400px;
}

.aircraft-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(./assets/image/common.png) -120px -612px;
  background-size: 400px;
}

.scenic-spot-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(./assets/image/common.png) -178px -612px;
  background-size: 400px;
}

.g-star-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(./assets/image/common.png) -215px -614px;
  background-size: 400px;
  margin: 0 5px;
}
